﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example.aspx.cs" Inherits="DreamCube.Websites.UI.Common.JQ.Controls.Contextmenu.Example" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div>请单击右键：</div>
    </div>
    <div id="div_contextMenu1" style="border:1px solid black;width:5cm;height:4cm">
        在1区域右键
    </div>
    <div id="div_contextMenu2" style="border:1px solid black;width:5cm;height:4cm">
        在2区域右键
    </div>
    <input type="text" value='输入框的右键' id="input_contextMenu" />
    <span id="span_autoAppendInput">动态增加的输入框右键</span>
    <DC:JQJS runat="server" />
    <DC:Contextmenu runat="server" />
    </form>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        //        jQuery(document.body).contextmenu({
        //            items: [{
        //                text: '复制文本',
        //                action: function () {
        //                    alert("您单击了复制文本");
        //                }
        //            }, {
        //                text: '刷新页面',
        //                action: function () {
        //                    window.location.reload();
        //                }
        //            }],
        //            width: "150px"
        //        });

        //        jQuery('#div_contextMenu1').contextmenu({
        //            items: [{
        //                text: '在1区域右键了',
        //                action: function () {
        //                    alert("您单击了复制文本");
        //                }
        //            }],
        //            width: "150px"
        //        });

        //        jQuery('#div_contextMenu2').contextmenu({
        //            items: [{
        //                text: '在2区域右键了',
        //                action: function () {
        //                    alert("您单击了复制文本");
        //                }
        //            }],
        //            width: "150px"
        //        });

        //        jQuery('#input_contextMenu').contextmenu({
        //            items: [{
        //                text: '在输入框右键',
        //                action: function () {
        //                    alert("您单击了复制文本");
        //                }
        //            }],
        //            width: "150px"
        //        });
        var oNewInput = "<input type='text' value='动态增加的输入框右键' />";
        $(oNewInput).appendTo($("#span_autoAppendInput")).contextmenu({
            items: [{ text: 'ddddd' }],
            width: '150px'
        });

        //        $("#span_autoAppendInput").delegate('*', 'contextmenu', function (e) {
        //            alert(this.tagName);
        //            alert(2);
        //        });
    });
</script>